<template>
  <ul class="items fx-h-c">
    <Item v-for="(type, i) in types" :key="i" :type="type"></Item>
    <li class="item br-5 fx-c bg-w cs">
      <a-icon type="star" theme="filled" />
    </li>
  </ul>
</template>

<script>
import Item from "@/components/article-detail/sideBar/Item";
export default {
  name: "SideItems",
  components: {
    Item,
  },
  data() {
    return {
      types: ["like", "message"],
    };
  },
};
</script>

<style lang="scss" scoped>
.items {
  flex-direction: column;
  padding: 1rem 0;
  .item {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    color: #b2bac2;
  }
}
</style>